<div id='uestc_link'>
	<a href="http://www.uestc.edu.cn" target="_blank">{UESTC}</a> 
	<a href="http://www.news.uestc.edu.cn" target="_blank">{UESTC_NEWS}</a>
</div>
<div id="headerdiv">
	<div id="navidiv">
		<a class="navi_on" href="./">{NAVI_INDEX}</a>
        <!-- BEGIN categories -->
        <a href="./?cid={category_id}" title="{description}">{name}</a>
        <!-- END -->
		<a href="./?p=photo_album">{PHOTO_ALBUM}</a>
        <a href="./?p=guestbook">{NAVI_GUESTBOOK}</a>
       	
	</div>
	<div id="userinfodiv">
		<!-- IF login_user -->
        <a href="login.php?module=index&m=logout">{LOGOUT}</a>
        <!-- ELSE -->
        <a href="javascript:login()">{LOGIN}</a>
        <a href="./?p=register">{REGISTER}</a>
        <!-- ENDIF -->
		<a href="javascript:terms()">{TERMS}</a>
	</div>

</div>


<script>
function login()
{
	popup({ width:300,height:200 ,url:'login.php?module=ajax'});
}
function terms()
{
	popup({ width:400,height:450 ,url:'./?p=terms'});
}

$(function()
{
	$('#navidiv a').mouseover(function()
	{
		$(this).fadeTo(200,1);
	}).mouseout(function()
	{
		$(this).fadeTo(200,0.7);
	});
});
</script>